/*
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You under the Apache License, Version 2.0
 * (the "License"); you may not use this file except in compliance with
 * the License.  You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*
    Styles for the Nifi status bar module.
*/

.dialog-status-bar {
    padding-left : 32px;
    background-color : #e3e8eb;
    width : calc(100% - 32px);
    height : 32px;
}

.dialog-status-bar[state] + .dialog-content {
    top: 104px;
}

.dialog-status-bar:not([state]),
.dialog-status-bar:not([state]) text.run-status-icon,
.dialog-status-bar-bulletins-content,
.dialog-status-bar-bulletins[count="0"],
.dialog-status-bar-threads[count="0"] {
    display : none;
}

.dialog-status-bar[state] text.run-status-icon {
    position : absolute;
    font-style : normal;
    font-weight : normal;
    text-decoration : inherit;
    font-family : FontAwesome;
    font-size : 14px;
    margin: 8px 5px 0px -17px;
}

.dialog-status-bar-buttons,
.dialog-status-bar[state] text.run-status-icon:before {
    display : inline-block;
}

.dialog-status-bar-buttons {
    float : right;
}

.dialog-status-bar[state="RUNNING"] text.run-status-icon::before {
    content : "\f04b";
    color : #7dc7a0;
}

.dialog-status-bar[state="STOPPED"] text.run-status-icon::before {
    content : "\f04d";
    color : #d18686;
}

.dialog-status-bar[state="VALIDATING"] text.run-status-icon::before {
    content: '\f1ce';
    color : #7728e9b;
    -webkit-animation: fa-spin 2s linear infinite;
    -moz-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite;
    margin-left : -3px !important;
}

.dialog-status-bar[state="DISABLED"] text.run-status-icon::before {
    content: '\e802';
    color : #7728e9b;
    font-family: flowfont;
}

.dialog-status-bar[state="INVALID"] text.run-status-icon::before {
    content : "\f071";
    color : #cf9f5d;
    margin-left : -3px !important;
}

.dialog-status-bar-state,
.dialog-status-bar-threads:not([count="0"]){
    display : inline-block;
    position : relative;
    font-size : 12px;
    color : #775351;
    top : 10px;
    left : -2px;
    margin-right : 5px;
    font-weight : bold;
    cursor : default;
}

.dialog-status-bar .dialog-buttons {
    position: static;
    display : inline-block !important;
    height: 32px;
    width : auto !important;
}

.dialog-status-bar-bulletins:not([count="0"]) {
    float : right;
    display : inline-block;
    padding : 10px 8px 7px 8px;
    background-color : #ba544a;
    color : #ffffff;
    font-size : 15px;
    cursor : pointer;
}

.dialog-status-bar-bulletins:not([count="0"]):hover .dialog-status-bar-bulletins-content {
    position : fixed;
    display : block;
    float : right;
    margin-left : 22px;
    margin-top : 5px;
    background-color : rgba(36,36,36,0.75);
    font-family: Arial;
    font-weight : bold;
    font-size : 12px;
    padding  : 10px 10px 10px 20px;
    width : auto;
    max-width : 490px;
}

.dialog-status-bar-bulletins-content ul {
   list-style-type : disc !important;
}

.dialog-status-bar-buttons *.disabled-button {
    display:none;
}